<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/ui/header.jsp" %>
<style>
    html, body {
        padding: 0 0;
        margin: 0 0;
        height: 100%;
        width: 100%;
    }

    .page-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0;
        margin: 0 0;
        height: 100%;
        width: 100%;
        background-image: url(http://demo.ruoyi.vip/img/login-background.jpg);
        background-size: cover;
    }

    .layui-form-item {
        width: 290px;
    }

    .layui-btn {
        width: 100% !important;
    }
</style>
<div class="page-container">
    <div class="page-form">
        <div class="layui-card">
            <div class="layui-card-header">登录</div>
            <div class="layui-card-body">
                <form class="layui-form" action="${LUI_ContextPath}/login" method="post">
                    <div class="layui-form-item">
                        <input type="text" name="username" required lay-verify="required" placeholder="用户名"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <input type="password" name="password" required lay-verify="required" placeholder="密码"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <input type="submit" class="layui-btn layui-btn-normal"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['element', 'layer'], function () {
        var element = layui.element,
            layer = layui.layer;
        var message = "${message}";
        if (message) {
            layer.msg(message);
        }
    });
</script>
<%@ include file="/ui/footer.jsp" %>